/* preferred font for body text */
body { 
 font-family: Palatino, serif;
 font-size: large;
 }

/* preferred header style */
/* center H1 */
h1 {
 text-align: center;
 background-color: #ccccff;
 color: #000066;
 }
/* left-justify other headers */
h2, h3, h4, h5, h6 {
 background-color: #ccccff;
 color: #000066;
 }

/* preferred link coloring schema */
a:link { color: #000099; }
a:visited { color: #330066; }
a:hover { text-decoration: none ;
  color: #660000; background-color: #ddddff; }

/* preferred tables */
table.user { border-style:outset; border-width:thick; }
table.user tr td { border-style:inset; border-width:thin; padding:5px; text-align: left; }

img {
    border: #777777 1px solid;
    padding: 10px;
    color: black;
}

div.header img, div.footer img { border: 0; padding: 0; margin: 0; float: left;}

div.footer hr { height: 4px; }

pre {
    background-color: #e6e6e6;
    color: black;
    font-size: small;
}

/* "small" block quotes & "x-small' gotobar/edit-bar & footer-time */
blockquote { font-size: small; }
span.bar { font-size: x-small; font-weight: bold;  background-color: #ddddff; }
div.bar { font-size: x-small; font-weight: bold;  background-color: #ddddff; }
div.time { font-size: x-small; }

/* play with imagecomment styling of text */
div.imageholder { color: white; }

/* define style for "poemMantra" cards - images with text overlays */
#poemMantra {
    position: relative; 
    width:480px;
    color: #ffffff;
    text-shadow: 0 0 16px black;
}
#poemMantra img {
    width:480px;
}
#poemMantra div {
    position: absolute; 
    width: 480px; 
}
.title {
    top:20px;
    width:100%;
    text-align:center;
    font-size:xx-large;
    font-weight:bold;
}
.poem {
    bottom:30px;
    left:20px;
    text-align:left;
    font-size:medium;
}
.mantra {
    bottom:30px;
    text-align:right;
    font-style:italic;
    font-size:large;
}
`